<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./images/home.png">
    <meta name="keywords" content="zxl20070701 1904314465@qq.com 个人主页 数学及相关衍生物 捐款支持我们">
    <link rel="stylesheet" href="../styles/normalize.css">
    <link rel="stylesheet" href="./styles/common.css">
    <link rel="stylesheet" href="./styles/home.css">
    <script src="./scripts/tool.js"></script>
    <script src="./scripts/zh-tw.js"></script>
    <script src="./scripts/shader.js"></script>
    <script src="./scripts/formula.js"></script>
    <script src="./scripts/home.js"></script>
    <title>个人主页 | z Z ... </title>
</head>

<body onload="initMenu();">

    <!-- 进度 -->
    <div id="process"></div>

    <!-- 主体内容 -->
    <div class="body" id="body">
        <nav>
            <a href="javascript:void(0)" class="active">
                首页
            </a>
            <a href="./index.html">
                文档笔记
            </a>
            <a href="../toolbox/index.html" target="_blank">
                实用工具
            </a>
            <a href="https://github.com/oi-contrib" target="_blank">
                OI开源
            </a>
            <a href="../index.html">
                更多...
            </a>
        </nav>

        <div class="view">
            <h2>
                <a target="_blank" href="https://github.com/zxl20070701"></a>
                z Z ...
                <form onsubmit="doSearch(event)">
                    <input placeholder="输入内容后回车查询" type="text" id="search-input" spellcheck="false" autocomplete="off"
                        onkeydown="doSearch">
                </form>
            </h2>

            <div class="containter">
                <div class="dream"></div>
                <div class="content">
                    <div class="title">
                        《滕王阁序》
                    </div>
                    <div class="author">
                        王勃
                    </div>
                    <div class="line">
                        豫章故郡，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍枕夷夏之交，宾主尽东南之美。都督阎公之雅望，棨戟遥临；宇文新州之懿范，襜帷暂驻。十旬休假，胜友如云；千里逢迎，高朋满座。腾蛟起凤，孟学士之词宗；紫电青霜，王将军之武库。家君作宰，路出名区；童子何知，躬逢胜饯。
                    </div>
                    <div class="line">
                        时维九月，序属三秋。潦水尽而寒潭清，烟光凝而暮山紫。俨骖騑于上路，访风景于崇阿；临帝子之长洲，得天人之旧馆。层峦耸翠，上出重霄；飞阁流丹，下临无地。鹤汀凫渚，穷岛屿之萦回；桂殿兰宫，即冈峦之体势。
                    </div>
                    <div class="line">
                        披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。闾阎扑地，钟鸣鼎食之家；舸舰弥津，青雀黄龙之舳。云销雨霁，彩彻区明。落霞与孤鹜齐飞，秋水共长天一色。渔舟唱晚，响穷彭蠡之滨；雁阵惊寒，声断衡阳之浦。
                    </div>
                    <div class="line">
                        遥襟甫畅，逸兴遄飞。爽籁发而清风生，纤歌凝而白云遏。睢园绿竹，气凌彭泽之樽；邺水朱华，光照临川之笔。四美具，二难并。穷睇眄于中天，极娱游于暇日。天高地迥，觉宇宙之无穷；兴尽悲来，识盈虚之有数。望长安于日下，目吴会于云间。地势极而南溟深，天柱高而北辰远。关山难越，谁悲失路之人？萍水相逢，尽是他乡之客。怀帝阍而不见，奉宣室以何年？
                    </div>
                    <div class="line">
                        嗟乎！时运不齐，命途多舛。冯唐易老，李广难封。屈贾谊于长沙，非无圣主；窜梁鸿于海曲，岂乏明时？所赖君子见机，达人知命。老当益壮，宁移白首之心？穷且益坚，不坠青云之志。酌贪泉而觉爽，处涸辙以犹欢。北海虽赊，扶摇可接；东隅已逝，桑榆非晚。孟尝高洁，空余报国之情；阮籍猖狂，岂效穷途之哭！
                    </div>
                    <div class="line">
                        勃，三尺微命，一介书生。无路请缨，等终军之弱冠；有怀投笔，慕宗悫之长风。舍簪笏于百龄，奉晨昏于万里。非谢家之宝树，接孟氏之芳邻。他日趋庭，叨陪鲤对；今兹捧袂，喜托龙门。杨意不逢，抚凌云而自惜；钟期既遇，奏流水以何惭？
                    </div>
                    <div class="line">
                        呜乎！胜地不常，盛筵难再；兰亭已矣，梓泽丘墟。临别赠言，幸承恩于伟饯；登高作赋，是所望于群公。敢竭鄙怀，恭疏短引；一言均赋，四韵俱成。请洒潘江，各倾陆海云尔：
                    </div>
                    <div class="line">
                        滕王高阁临江渚，佩玉鸣鸾罢歌舞。
                    </div>
                    <div class="line">
                        画栋朝飞南浦云，珠帘暮卷西山雨。
                    </div>
                    <div class="line">
                        闲云潭影日悠悠，物换星移几度秋。
                    </div>
                    <div class="line">
                        阁中帝子今何在？槛外长江空自流。
                    </div>

                </div>

                <!-- 右侧内容 -->
                <div class="right">
                    <h2>
                        推荐项目
                    </h2>
                    <ul>
                        <li class="vislite">
                            <div class="content">
                                <h3>
                                    VISLite
                                </h3>
                                数据可视化交互式跨端前端库
                            </div>
                            <div class="link">
                                <a href="https://oi-contrib.github.io/VISLite" target="_blank">文档</a>
                                <a href="https://github.com/oi-contrib/VISLite" target="_blank">源码</a>
                            </div>
                        </li>
                    </ul>
                    <div class="sponsors">
                        <div class="item zfb"></div>
                        <div class="item wx"></div>
                    </div>
                    <div class="cat">
                        <button tag="miss-cat" name="dialog-btn">《由老猫的离世而引发的追忆》</button>
                    </div>
                </div>
            </div>

        </div>
        <footer>
            Copyright © 2007-2025
            <a href="https://github.com/zxl20070701" target="_blank">zxl20070701 走一步，再走一步。</a>
            All rights reserved.
            <br />
            本网站由“z Z ...”设计、开发和维护
        </footer>
    </div>

    <!-- 期刊内容 -->
    <div id="journals-content-id" class="journals-content">
        <div class="close" id="journals-content-close-id" title="关闭">+</div>
        <div id="journals-content-view-id" class="doc item"></div>
    </div>

    <script>
        function doSearch(event) {
            event.preventDefault();
            event.stopPropagation();

            var inputValueOrl = document.getElementById("search-input").value;
            window.location.href = "./index.html#/?search=" + inputValueOrl;
        }
    </script>

    <!-- 控制台打印 -->
    <script>
        console.log("%c\n\n\t\t学习的目的绝对不只是为了追求名誉或财富，而是为了在短暂的生命里给灵魂一个栖息的地方，同时寻着一个生存之道。\n\n %cby zxl20070701\n\n", "color:#555555;font-size:12px;font-family:cursive;", "color:gray;padding-left:60px;");
    </script>

</body>

</html>